<template>
  <view class="swiper-box">
    <swiper class="swiper"
    :indicator-dots="true"
    indicator-active-color="#f73f35"
    indicator-color="#818183" autoplay  circular
    >
      <swiper-item v-for="(item, index) in list" :key="index">
      
        <image :src="item.pic" />
      </swiper-item>
    </swiper>
  </view>
</template>

<script>
import {get_banner} from '../../../network/find'

export default {
  data() {
    return {
      list:4
    }
  },
  created(){
    // console.log('我加载好了',get_banner);
    get_banner().then(res=>{
      // console.log(res);
      this.list = res.banners

    })
  }
}
</script>

<style lang="scss">
.swiper-box{
  padding: 20rpx;
}
.swiper{
  image{
    width: 100%;
    height: 100%;
    border-radius: 6rpx;
  }
}


</style>